body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend,figure,figcaption{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0;} 
img{display:block;}
a{text-decoration:none;color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
body{font-size:12px;}
input,a{outline:none;}
.fl{float: left;}
.fr{float: right;}
.clean:after{content: '.';display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
/* 版心样式 */
body{
	background-color: #ededed;
}
.container{
	height: 100%;
	width: 1218px;
	margin: 0 auto;
}
/* header的样式 */
header{
	width: 100%;
	height: 45px;
	background-color: black;
	color: white;
	
}
/* login的样式 */
.mui-title{
	width: 18px;
	height: 18px;
	float: left;
	margin:12px 0 0 20px ;
	background-color: red;
}
/* 右边登录和购物车 */
.topbar-right{
	float: right;
}
.topbar-right > ul{
	margin-right: 18px;
}
.topbar-right > ul li{
	float: left;
	height: 45px;
	line-height: 45px;
	padding: 0 5px;
	cursor: pointer;
}
/* 左边的样式 */
.topbar-left {
	float: left;
	margin-left: 150px;
	
}
.topbar-left ul li{
	float: left;
	padding:0 20px;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
}
/* 主要的标题栏 */
.main-title{
	border-bottom: 1px solid black;
	height: 75px;
	position: relative;
}
.main-title .list{
	float: left;
}
.main-title .list li{
	float: left;
	height: 75px;
	line-height: 75px;
	margin-right: 30px;
	cursor: pointer;
}
.main-title .list li:nth-child(1){
	font-weight: bolder;
}
.main-title .list li:hover{
	color: #007AFF;
}

.main-title .select{
	float: right;
	height: 74px;
	line-height: 74px;
	margin-right: 20px;
}
.main-title > input{
	width: 268px;
	height: 34px;
	border: 1px solid black;
}
/* 二级菜单 */
.datesWide{
	position: relative;
}
.dates-list{
	background-color:white;
	height: 130px;
	display: none;
}
.dates{
	/* border: 1px solid red; */
	
	position: absolute;
	z-index: 222;
	top: 0;
	/* background-color:red; */
}
.dates > ul >li{
	float: left;
	margin-right: 20px;
	padding:24px 24px;
	text-align: center;
	/* border-right: 2px solid black; */
	
}
#ols li{
	text-align: center;
}
.dates-list li > ol li img{
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}
/* 轮播图样式 */
.swiper-wrapper img{
	height: 100%;
	width: 100%;
}

/* 轮播图下面的商品 */
.shops{
	/* border: 1px solid red; */
}
.shops>ol li{
	float: left;
	width: 304.5px;
	min-height: 50px;
	cursor: pointer;
}
.shops>ol li img{
	width: 100%;
	height: 100%;
}
/* 热门商品 */
.hotShops{
	/* border: 1px solid black; */
	margin-top: 20px;
	background-color: white;
}
.hotShops h2{
	height: 60px;
	line-height: 60px;
	margin-left: 25px;
}
.shopsList >ul li{
	float: left;
	width: 292.5px;
	border: 1px solid black;
	border-bottom:0;
	padding: 5px;
	text-align: center;
	cursor: pointer;
}
.shopsList >ul li img{
	display: block;
	margin:0 auto;
	padding-bottom: 20px;
}
.shopsList h4{
	color: red;
	padding: 10px;
}
